import { createTheme } from "@mui/material"

export const sideBarTheme = createTheme({
    components: {
        MuiIconButton: {
            styleOverrides: {
                root: {
                    color: "white",
                },
            },
        },
        MuiDrawer: {
            defaultProps: {
                PaperProps: {
                    sx: {
                        padding: "0.4em 0.8em",
                        width: 200,
                        display: { md: "none", sm: "flex" },
                    },
                },
            },
            styleOverrides: {
                paper: {
                    backgroundColor: "black",
                },
            },
        },
        MuiSvgIcon: {
            styleOverrides: {
                root: {
                    color: "white",
                },
            },
        },
        MuiDivider: {
            defaultProps: {
                component: "li",
            },
            styleOverrides: {
                root: {
                    listStyleType: "none",
                    borderColor: "white",
                },
            },
        },
        MuiList: {
            styleOverrides: {
                root: {
                    color: "white",
                },
            },
        },
    },
})
